<template>
	<view @click="click" class="moxi-btn" :style="color=='#ffffff'?'color: #333;':'border-color:'+color+';background-color: '+color+';color: #ffffff;width:'+width+';height:'+height+';line-height:'+height">
		<slot>
			按钮
		</slot>
	</view>
</template>

<script>	
	export default {
		name:"moxi-btn",
		data() {
			return {
				
			};
		},
		props:{
			 color:{
				type:String,
			 	default:"#ffffff"
			 },
			 width:{
			 	type:String,
			 	default:"auto"
			 },
			 height:{
			 	type:String,
			 	default:"auto"
			 }
		},methods:{
			click(v){
				this.$emit('click',v)
			}
		}
	}
</script>

<style>
.moxi-btn{padding: 4px 12px;border-radius: 25px;border: 1px #ccc solid;font-size: 14px;}
</style>